<template>
  <div>
    <el-container>
      <!--头部区域-->
      <el-header>
        <el-col id="logo" :span="8" :offset="1">
          <el-link
          href="/static/home/"
          type="primary"
          :underline="false">
            <img
                src="../../assets/logo.png" height="60" width="180"
                style="margin-top: 5px"
            />
          </el-link>

        </el-col>
        <el-col id="title" :span="9" :offset="3">
          故障树
        </el-col>
      </el-header>
      <el-container>
        <!--侧边栏-->
<!--        <el-aside width="200px">-->
<!--          <el-menu-->
<!--                  style="height: 100%"-->
<!--                  class="el-menu-vertical"-->
<!--                  :router="true">-->
<!--              <el-menu-item index="1" @click="fault">-->
<!--                  <i class="el-icon-menu"></i>-->
<!--                  <span slot="title">处理设备巡检异常</span>-->
<!--              </el-menu-item>-->
<!--              <el-menu-item index="2" @click="maintenance">-->
<!--                  <i class="el-icon-menu"></i>-->
<!--                  <span slot="title">预定义运维派工</span>-->
<!--              </el-menu-item>-->
<!--            <el-menu-item index="3" @click="repair">-->
<!--              <i class="el-icon-menu"></i>-->
<!--              <span slot="title">随机维修任务派工</span>-->
<!--            </el-menu-item>-->
<!--          </el-menu>-->
<!--        </el-aside>-->
        <el-container>
          <!--主体-->
          <el-main>
            <router-view name="pc"></router-view>
          </el-main>
        </el-container>
      </el-container>
          <el-footer>
      <div style="line-height: 35px">©山东云想技术有限公司</div>
      <div style="font-size: small; color: gray; font-style: italic">
        Developed by 西安交通大学 网络化智造与服务系统工程团队</div>
    </el-footer>
    </el-container>
  </div>
</template>

<script itemscope>
    export default {
        name: 'Home',
        data () {
            return {
                testlist: []
            }
        },
        mounted () {
        },
        created () {
        },
        methods: {
            fault() {
                this.$router.push('/fault')
            },
            // maintenance() {
            //     this.$router.push('/maintenance')
            // },
            // repair() {
            //     this.$router.push('/repair')
            // }
        }
    }
</script>

<style scoped lang="scss">
  .el-header{
    background-color: #409EFF;
    color: #FFFFFF;
    line-height: 60px;
    font-size: x-large;
    -webkit-user-select: none;
  }

  .el-aside {

  }

  .el-main {

  }

  body > .el-container {
    margin-bottom: 40px;
  }

  .el-container:nth-child(5) .el-aside,
  .el-container:nth-child(6) .el-aside {
    line-height: 260px;
  }

  .el-container:nth-child(7) .el-aside {
    line-height: 320px;
  }

  .el-footer {
    position: fixed;
    bottom: 0;
    width: 100%;
    background-color: aliceblue;
    color: #333;
    text-align: center;
    line-height: 60px;
  }
</style>

